<html>
<!-- I am comment -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf8" />
<title>I am title</title>
<style type="text/css">
table.dataintable {
    margin-top:10px;
    border-collapse:collapse;
    border:1px solid #aaa;
    /* width:100%; */
    }

table.dataintable th {
    vertical-align:baseline;
    padding:5px 15px 5px 6px;
    /* background-color:#d5d5d5; */
    background-color:#efefef;
    border:1px solid #aaa;
    text-align:left;
    }

table.dataintable td {
    vertical-align:text-top;
    padding:6px 15px 6px 6px;
    /* background-color:#efefef; */
    border:1px solid #aaa;
    }
</style>
</head>

<body>

<h1>再次进行   http   请求</h1> <!--多个空格显示时只显示一个空格-->
1. &lt;img src="... <!-- 需要转义的字符：& < > 空格 属性值中单引号和双引号也需要转义。参考：http://stackoverflow.com/questions/7381974/which-characters-need-to-be-escaped-on-html -->
<br/>
<img src="http://mat1.gtimg.com/news/2013pic/picLogo.png" width="110" height="149" />
<br/>
2. &lt;embed src="...
<br/>
<embed src="a.wav" width="550" height="149" />
<br/>
3. &lt;applet code="...
<br/>
<!--applet code="HelloApplet.class" /-->
<br/>

<h1> 超链接 </h1>
<a href="https://www.baidu.com/">百度</a>
<h2> nofollow </h2>
<a href="http://www.baidu.com/" rel="nofollow"> 百度 nofollow </a>

<h1>form</h1>
<form name="loginForm" method="GET" action="servlet/HelloServlet">
    <!-- enctype: 1) MULTIPART/FORM-DATA  2) application/x-www-form-urlencoded -->
    User Name: <input type="text" name="username" id="id1" /> <br/>
    Password: <input type="password" name="password" /> <br/>
    <input type="submit" name="submit" value="submit" /> <br/>
    <input type="reset" name="reset" value="reset" /> <br/>
    <input type="button" value="button vaule" /> <br/>
    <input type="radio" name="radio1" value="radio value1"> radio text1 </input> <br/>
    <input type="radio" name="radio1" value="radio value2"> radio text2 </input> <br/>
    <input type="checkbox" name="checkbox" value="checkbox value"> checkbox text </input> <br/>
    <input type="file" name="file" value="file value" /> <br/>
    <input type="image" name="image" value="image value" /> <br/>
    <input type="hidden" id="id2" /> <br/>
</form>


<h1>h1</h1>
<h2>h2</h2>
<h3>h3</h3>
<h4>h4</h4>
<h5>h5</h5>
<h6>h6</h6>

<h1>Table</h1>
<table class="dataintable">
  <tr>
    <th>Month</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td>January</td>
    <td>$100</td>
  </tr>
  <tr>
    <td>February</td>
    <td>$120</td>
  </tr>
</table>

</body>

</html>
